<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>city in eyes</title>
<link rel="stylesheet" href="static/css/style.css">
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/comm.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript">

var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

/* * * * * * * *
 *
 * Use this for high compatibility (iDevice + Android)
 *
 */
document.addEventListener('DOMContentLoaded', setTimeout(function () { loaded(); }, 200), false);
/*
 * * * * * * * */


/* * * * * * * *
 *
 * Use this for iDevice only
 *
 */
//document.addEventListener('DOMContentLoaded', loaded, false);
/*
 * * * * * * * */


/* * * * * * * *
 *
 * Use this if nothing else works
 *
 */
//window.addEventListener('load', setTimeout(function () { loaded(); }, 200), false);
/*
 * * * * * * * */

</script>
</head>

<body>
<div id="header" class="h_switch"> <a href="#">登录</a>
  <h1>city on eyes 城市天眼</h1>
</div>
<div id="wrapper">
  <div id="scroller">
    <nav class="navigation"><a href="#">切换</a><a href="jsp/upload.jsp">上传</a><a href="search/goSearch">搜索</a></nav>
    <ul class="city_list">
      <li> <a href="detail.html"><em>北京<br>
        Beijing</em> <img src="static/images/city-1.jpg" width="138" height="128"></a><a href="detail.html"><em>上海<br>
        ShangHai</em> <img src="static/images/city-2.jpg" width="138" height="128"></a></li>
      <li> <a href="detail.html"><em>广州<br>
        GuangZhou</em> <img src="static/images/city-3.jpg" width="138" height="128"></a><a href="detail.html"><em>深圳<br>
        ShenZhen</em> <img src="static/images/city-4.jpg" width="138" height="128"></a></li>
      <li> <a href="detail.html"><em>北京<br>
        Beijing</em> <img src="static/images/city-1.jpg" width="138" height="128"></a><a href="detail.html"><em>上海<br>
        ShangHai</em> <img src="static/images/city-2.jpg" width="138" height="128"></a></li>
      <li> <a href="detail.html"><em>北京<br>
        Beijing</em> <img src="static/images/city-1.jpg" width="138" height="128"></a><a href="detail.html"><em>上海<br>
        ShangHai</em> <img src="static/images/city-2.jpg" width="138" height="128"></a></li>
      <li> <a href="detail.html"><em>广州<br>
        GuangZhou</em> <img src="static/images/city-3.jpg" width="138" height="128"></a><a href="detail.html"><em>深圳<br>
        ShenZhen</em> <img src="static/images/city-4.jpg" width="138" height="128"></a></li>
      <li> <a href="detail.html"><em>北京<br>
        Beijing</em> <img src="static/images/city-1.jpg" width="138" height="128"></a><a href="detail.html"><em>上海<br>
        ShangHai</em> <img src="static/images/city-2.jpg" width="138" height="128"></a></li>
    </ul>
    <div class="toTop"><a href="#">to top</a></div>
  </div>
</div>
<div id="footer" class="footer">CityOnEyes 城市天眼 © 2011 LEG inc. 版权所有<br>
粤ICP备07500583号-11</div>
</body>
</html>